<template>
    <div class="page-container">
        <!-- 添加空白区域，创造顶部间距 -->
        <div class="spacer"></div>
        
        <!-- 内容区域 -->
        <slot></slot>
    </div>
</template>

<style scoped>
.page-container {
    width: 100%;
}

.spacer {
    height: 25px; /* 顶部间距 */
}

@media (max-width: 768px) {
    .spacer {
        height: 15px; /* 移动端减少间距 */
    }
}
</style> 